<script setup lang="ts"></script>

<template>
	<div class="ring"></div>
</template>
<style lang="less" scoped>
.ring {
	width: 48px;
	height: 48px;
	border: 6px solid rgba(255, 74, 105, 0.25);
	border-radius: 50%;
	border-top: 6px #ff4a69 solid;
	animation: spin 0.6s infinite linear;
}
@keyframes spin {
	to {
		transform: rotate(360deg);
	}
}
</style>
